/*注册*/
body{
    background-color: #f2f2f2;
    font-size: .16rem;
    font-family: PingFangSC-Regular;
}
.biaodan{
    margin-top: .22rem;
}
/*首页*/
.image{
    width: 100%;
    height: 2.00rem;
    background:url(../../image/homeTop.png) no-repeat;
    background-size: 100%;
    text-align: center;
}
.image p{
    color: #fff;
}
.image p:first-child{
    padding: .60rem 0 .20rem 0;
    font-size: .25rem;
}
.image p:last-child{
    font-size: .16rem;
}
.content{
    width: 100%;
    height: 4.65rem;
    padding-top: .50rem;
    padding-left: .04rem;
    background: url(../../image/bottom.png) no-repeat;
    box-sizing: border-box;
    box-shadow:0 -3px 5px #92a0a9;
}
.content .teb img{
    width: 1.00rem;
    height: 1.00rem;
    margin: .30rem 0 0 .40rem;
    float: left;
}
.content .teb a{
    display: inline-block;
    float: left;
    width: 1.78rem;
    height: 1.90rem;
    background-color: #3474b1;
    border-radius: 6px;
    margin: .025rem;
}
.content .teb p{
    color: #fff;
    font-size: .16rem;
    text-align: center;
    margin-top: 1.40rem;
}
/*关于*/
.about{
    background: url(../../image/aboutBg.png) no-repeat;
    background-size: 100%;
}
/*注册*/
.form .user input{
    width: 2.50rem;
    height: .40rem;
    outline: none;
    border: 1px solid #89abd9;
    border-radius: 7px/6px;
    padding-left: .10rem;
}
.form .user input:nth-child(2){
    margin: .08rem  0;
}
::-webkit-input-placeholder {
    color: #cccccc;
    font-size: .14rem;
}
.form .user .uimg:first-child{
    width: .90rem;
}
.form .user .uimg{
    display: inline-block;
    height: .40rem;
    line-height: .40rem;
    text-indent: .18rem;
    margin-right: .08rem;
}
.payment{
    display: block;
    width: 3.35rem;
    height: .42rem;
    line-height: .40rem;
    text-align: center;
    background-color: #4489ca;
    border-radius: 9px/8px;
    margin: 4% 0 0 .20rem;
    color: #fff;
    font-size: .16rem;
}
#sim,#name,#phone{
    width: 2.38rem;
}

/*查询*/
.form .inquiry input{
    width: 3.20rem;
    margin:0 0 .10rem .20rem;
}
.biaodan .inquiry_text{
    margin-top: .30rem;
    color: #e8833f;
    font-size: .14rem;
    text-indent: .20rem;
}
/*返回查询对话框*/
.biaodan .dialog{
    width: 3.40rem;
    height: 2.20rem;
    background-color: #fff;
    margin: 0 auto;
    margin-bottom: .40rem;
    box-shadow:3px 3px 2px #ccc;
    border-radius: 6px;
}
.back{
    background-color: #0095d7;
    border-radius: 9px/8px;
}
.dialog p{
    text-align: center;
}
.dialog #text{
    height: .53rem;
    line-height: .53rem;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}
.dialog .flow{
    margin-top: .40rem;
}
.dialog .zhao{
    margin-top: .30rem;
    font-size: .30rem;
    color: #0196d8;
    font-weight: 500;
}

/*充值记录*/
.form .record {
    width: 3.22rem;
    /*line-height: .42rem;*/
    margin: 0 auto;
}
.form .record input{
    border-radius:7px 0 0 7px/6px 0 0 6px;
}
.record  #search{
    float: right;
    width: .61rem;
    height: .425rem;
    line-height: .425rem;
    background-color: #4489ca;
    color: #fff;
    text-align: center;
    margin-left: -.10rem;
    border-radius:0 7px 7px 0/0 6px 6px 0;
}
.record .text{
    margin: .40rem 0 .25rem 0;
    color: #999999;
}
.no_record{
    display: block;
}
.no_record p{
    width: 100%;
    height: .55rem;
    line-height: .55rem;
    text-indent: .25rem;
    background-color: #fff;
    margin-top: .20rem;
}
.list{
    display: none;
}
.list  .text{
    text-indent: .25rem;
    margin: .15rem 0 ;
}
.record_ul {
    border: 1px solid #dedede;
    background-color: #fff;
}
.record_ul .record_list{
    height: .62rem;
    border-bottom: 1px solid #dedede;
    margin-left: .18rem;
}
.record_ul .record_list:last-child{
    border-bottom: none;
}
.record_list .right{
    float: right;
    margin:0  .20rem 0 0;
}
.record_list img{
    float: left;
    width: .35rem;
    height: .35rem;
    margin-right: .18rem;
}
.record_list .center p:first-child{
    margin: .20rem 0 .10rem 0;
}
.center .time{
    color: #b0b0b0;
    font-size: .16rem;
}

/*流量列表*/
.erji_list{
    /*height: 4.88rem;*/
    background-color: #fff;
    margin-top: .10rem;
}
.erji_list li{
    height: .50rem;
}
.erji_list div{
    float: left;
}
.erji_list div:first-child{
    text-indent: .20rem;
}
.erji_list .flow .hui{
    margin: .08rem 0;
    font-size: .18rem;
}
.erji_list .flow .month{
    color:#b0b0b0 ;
    font-size: .15rem;
}
.erji_list li{
    height: .60rem;
    border-bottom: 1px solid #dedede;
    background-color: #fff;
}
.erji_list .zhe{
    width: 2.00rem;
    height: 100%;
    line-height: .60rem;
   text-align: center;
    color: #ef914b;
}
.erji_list .zhe span:first-child{
    font-size: .15rem;
    text-decoration: line-through;
}
.erji_list .zhe span:last-child{
    font-size: .14rem;
    border: 1px solid  #ef914b;
    padding: 0 .025rem;
}
.erji_list .money{
    width: .65rem;
    height: .28rem;
    margin-top: .08rem;
    color: #0394d7;
    font-size: .18rem;
    text-align: center;
}
.erji_list .money .gm{
    width: .65rem;
    height: .28rem;
    background-color: #fff;
    outline: none;
    border: 1px solid #0394d7;
    color: #0394d7;
    border-radius: 7px/5px;
}
.flow_list{
    padding-bottom: .50rem;
}
.sm {
    width: 100%;
    position: fixed;
    bottom: 0;
    height: .49rem;
    line-height: .49rem;
    margin-top: -.50rem;
    text-align: center;
    background-color: #f2f2f2;
    color: #5d92be;
    font-size: .14rem;
}
.sm a{
    color: #5d92be;
    display: inline-block;
}
/*充值说明*/
.recharge_inquiry{
    color: #5e89ac;
    text-align: justify;
    margin: 0 .20rem;
    line-height: .30rem;
    font-size: .18rem;
}
.prompt p:first-child{
    color: #343434;
    margin: .20rem 0 .10rem 0;
}
.prompt{
    color: #989898;
}
/*关于我们*/
.wrapper{
    padding: .30rem .20rem;
    border-bottom: 1px solid #dcdcdc;
}
.wrapper p{
    color: #919191;
    line-height: .25rem;
}
.wrapper .function{
    margin-top: .30rem;
}
.instructions{
    padding:0 .20rem;
    line-height: .25rem;
}
.instructions .title{
    width: 3.15rem;
    padding: .30rem .20rem;
    text-align: center;
}
.instructions .gray{
    color: #898989;
}
.instructions .gray .first{
    padding-bottom: .20rem;
}
.instructions .gray .origin{
    color: #ed7953;
}
.instructions .gray span{
    color: #333333;
    font-weight: 600;
}
.instructions .gray .third{
    padding-top: .20rem;
}

    /*遮罩*/
.modal{
    display: none;
    position: absolute;
    bottom: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1);
}
.modal .input_prompt{
    width: 3.00rem;
    height: 1.80rem;
    margin: 2.20rem auto;
    background-color: #fff;
    border-radius: 6px;
}
.modal .input_prompt .title{
    width: 100%;
    height: .55rem;
    line-height: .55rem;
    padding: 0 .25rem;
    background-color: #f2f2f2;
    box-sizing: border-box;
    border-radius: 6px 6px 0 0/5px 5px 0 0;
}
.modal .input_prompt .title img{
    width: .16rem;
    height: .16rem;
    margin-top: .20rem;
    float: right;
}
.modal .input_prompt .weep{
    height: .29rem;
    line-height: .29rem;
    margin: .28rem .20rem;
}
.modal .input_prompt .weep img{
    width: .29rem;
    height: .29rem;
    float: left;
    margin-right: .10rem;
}
.modal .input_prompt .btn{
    width: .60rem;
    height: .30rem;
    line-height: .30rem;
    text-align: center;
    background: #448aca;
    color: #fff;
    float: right;
    margin: 0 .20rem;
    border-radius: 3px;
}
/*loading*/
.is_loading{
    transition: .5s;
    transform: scale(0);
}
.is_loading img{
    width: .32rem;
    height: .32rem;
    margin:.20rem 0 .20rem  50%;
}
